import {onBeforeUnmount, onMounted, reactive} from "vue";

export default function (){
    //实现鼠标“打点”相关的数据
    let point=reactive({
        x:0,
        y:0
    })

    //实现鼠标“打点”相关的方法
    function savePoint(event){
        point.x=event.pageX
        point.y=event.pageY
        console.log("x,y",point.x,point.y)
    }

    //实现鼠标“打点”相关的生命周期钩子
    onMounted(()=>{
        window.addEventListener('click',savePoint)
    })

    onBeforeUnmount(()=>{
        window.removeEventListener('click',savePoint)
    })

    return point

}
